<template>
	<view>
		<page-head headTitle="订单详情" :returnButton="true" @clickLeftReturn="clickLeftReturn"></page-head>
		<view class="m-t9">
			<view class="height-nav bg-color"></view>
			<view class="order-mt m-b4">
				<view class="p-lr">
				<view class="bg-white border-botton border-r">
					<view class="border-r p-t-b4">
						<view class="flex justify-between align-center justify-content fs-3 details-line"><text class="details-width">订单编号</text><text class="details-width">状态</text></view>
						<view class="flex justify-between align-center justify-content details-line fs-24"><text class="details-width">K8939393939</text><text class="details-width">已完成</text></view>
					</view>
					<view class="p-l-r max-height p-b">
						<view class="flex align-center justify-between p-t-b3">
							<image class="image-size m-r1" mode="widthFix" src="/static/images/goods.png"></image>
							<text class="m-r1 details-line white-space fs-24 flex-1">黄卡色通小鸭马卡龙</text>
							<view class="flex align-center">
								<text class="m-r1 fs-24 sun-line">x20</text>
								<text class="fs-3">￥2000000</text>
							</view>
						</view>
						<view class="flex align-center justify-between p-t-b3">
							<image class="image-size m-r1" mode="widthFix" src="/static/images/goods.png"></image>
							<text class="m-r1 details-line white-space fs-24 flex-1">黄卡色通小鸭马卡龙</text>
							<view class="flex align-center">
								<text class="m-r1 fs-24 sun-line">x20</text>
								<text class="fs-3">￥2000000</text>
							</view>
						</view>
						<view class="flex align-center justify-between p-t-b3">
							<image class="image-size m-r1" mode="widthFix" src="/static/logo.png"></image>
							<text class="m-r1 details-line white-space fs-3 flex-1">黄卡色通小鸭马卡龙</text>
							<view class="flex">
								<text class="m-r1 fs-3 sun-line">x200</text>
								<text class="fs-g">￥200</text>
							</view>
						</view>
						<view class="flex align-center justify-between p-t-b3">
							<image class="image-size m-r1" mode="widthFix" src="/static/logo.png"></image>
							<text class="m-r1 details-line white-space fs-3 flex-1">黄卡色通小鸭马卡龙</text>
							<view class="flex">
								<text class="m-r1 fs-3 sun-line">x200</text>
								<text class="fs-g">￥200</text>
							</view>
						</view>
					</view>
				</view>
				<view class="bg-white border-r p-l-r p-t3 p-b fs-g">
					<view class="p-t3"><text class="p-right">用户信息</text><text>唐女士</text></view>
					<view class="p-t3"><text class="p-right">用户信息</text><text>176788888</text></view>
					<view class="p-t3"><text class="p-right">订单金额</text><text>￥3000</text></view>
					<view class="p-t3"><text class="p-right">用户评论</text></view>
					<user-evaluate></user-evaluate>
				</view>
			    </view>
			</view>
		</view>
	</view>
</template>

<script>
import pageHead from '@/components/common/page-head.vue'
import userEvaluate from '@/components/common/user-evaluate.vue'
	export default {
		components:{
			pageHead,
			userEvaluate
		},
		data() {
			return {
				isShow:false
			}
		},
		methods: {
			clickLeftReturn(){
				uni.navigateBack({
				    delta: 1
				});
			},
			licekSubmit(){
				this.isShow = true;
			},
			cancelBox(){
				this.isShow = false;
			}
		}
	}
</script>

<style scoped>
.details-width{width: 50%; text-align: center;}
.details-line{line-height: 45rpx;}
.sun-line{line-height: 70rpx;}
.max-height{}
.prompt-box{top:30%;left: 80rpx;right: 80rpx;}
.input-box{width: 410rpx;height: 80rpx;border: 1px solid #999999;}
.define{background-color: #FFFFFF;color: #FF4949;padding: 5rpx 0;}
.order-mt{margin-top: -70rpx;}

.user-pic{width: 60rpx;height: 60rpx;}
.all-pic{width: 25%;height: auto;}
.bg-bar{width: 8rpx;height: 31rpx;}
</style>
